@import "../../../app.less";
@import "../list/list.less";

.container {
  padding-bottom: calc((constant(safe-area-inset-bottom)) + 150rpx);
  padding-bottom: calc(env(safe-area-inset-bottom) + 150rpx);

  .item {
    margin-top: 20rpx;
    background: @color-white;
    padding: 0 32rpx;

    .checkbox {
      padding: 28rpx 0;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-color: @color-border-light;

      .van-checkbox__icon {
        border-color: @color-checkbox;
        border-radius: 2px;
      }

      view.invoice {
        font-size: 28rpx;
        color: @color-text-primary;
      }
    }

    .intro {
      padding: 36rpx 0;

      .company {
        font-size: 32rpx;
        font-weight: 600;
        color: @color-text-primary;
      }

      .num {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 28rpx;

        .number {
          width: calc(100% - 200rpx);
          word-wrap: break-word;
          word-break: normal;
          color: @color-text-fourthly;
          font-size: 28rpx;
          line-height: 1.5;
        }

        .figure {
          color: @color-primary;
          font-size: 36rpx;
          font-weight: 600;
        }
      }
    }
  }

  .btn {
    background: @color-white;
    padding: 24rpx 32rpx;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    box-shadow: 0 -3rpx 6rpx rgba(0, 0, 0, .06);

    button {
      background: @color-primary;
      height: 80rpx;
      line-height: 80rpx;
      color: @color-white;
      font-size: 34rpx;
      border-radius: 5px;
      border: none;

      &::after {
        border: none !important;
      }
    }
  }
}